<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="../project/static/css/normalize.css">
</head>

<body>
    <!-- 搜索模块 -->
    <div class="search-index">
        <div class="search">搜索:目的地/酒店/景点/航班号</div>
        <a href="#" class=".user">我 的</a>
    </div>
    <!-- 焦点图模块 -->
    <div class="foucs">
        <img src="https://pic.c-ctrip.com/platform/h5/home/baodi2@v7.15.jpg" alt="">
    </div>

    <div class="wrap_main">
        <!-- 局部导航栏模块  -->
        <div class="local_nav">
            <ul>
                <li>
                    <a href="#">
                        <span class="x x-1"></span>
                        <span>攻略·景点</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="x x-2"></span>
                        <span>攻略·景点</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="x x-3"></span>
                        <span>攻略·景点</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="x x-4"></span>
                        <span>攻略·景点</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="x x-5"></span>
                        <span>攻略·景点</span>
                    </a>
                </li>
            </ul>

        </div>
        <!-- 导航 -->
        <div class="nav_entry">
            <div class="nav_entry_wrap">
                <!--  酒店 -->
                <div class="item item_1">
                    <a href="#">酒店</a>
                    <a href="#">客栈</a>
                    <a href="#">特价·爆款</a>
                </div>
                <!-- 机票 -->
                <div class="item item_2">
                    <a href="#">机票</a>
                    <a href="#">火车票</a>
                    <a href="#">汽车票</a>
                    <a href="#">专车·租车</a>
                </div>
                <!-- 团购 -->
                <div class="item item_3">
                    <a href="#">机票</a>
                    <a href="#">火车票</a>
                    <a href="#">汽车票</a>
                    <a href="#">专车·租车</a>
                </div>
            </div>
        </div>
        <!-- 侧导航栏 -->
        <ul class="subnav_entry">
            <li>
                <a href="#">
                    <span class=" x subnav_entry_1"></span>
                    <span>自由行</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_2"></span>
                    <span>电话卡</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_3"></span>
                    <span>保险·签证</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_4"></span>
                    <span>换钞·购物</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_5"></span>
                    <span>向导·包车</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_6"></span>
                    <span>机票</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_7"></span>
                    <span>礼品卡</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_8"></span>
                    <span>借钱</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_9"></span>
                    <span>社区</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="x subnav_entry_10"></span>
                    <span>更多</span>
                </a>
            </li>
        </ul>

        <!-- 九宫格 -->
        <div class="grid">
            <div class="wrap_grid">
                <div class="grid_item">
                    手机充值
                </div>
                <div class="grid_item">
                    生活缴费
                </div>
                <div class="grid_item">
                    Q币充值
                </div>
                <div class="grid_item">
                    城市服务
                </div>
                <div class="grid_item">
                    腾讯公益
                </div>
                <div class="grid_item">
                    腾讯公益
                </div>
                <div class="grid_item">
                    城市服务
                </div>
                <div class="grid_item">
                    腾讯公益
                </div>
                <div class="grid_item">
                    腾讯公益
                </div>
            </div>
        </div>
    </div>
    <div class="bm">
        <ul>
            <li>
                <a href="#">
                    <span class="bm_1"></span>
                    <span>电话预订</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="bm_1"></span>
                    <span>下载客户端</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="bm_1"></span>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="xx">
        <p>网站地图｜ Language ｜电脑版</p>
        <p>©携程旅行｜沪ICP备08023580号</p>
    </div>
</body>

</html>